<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.7.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				//如果第一个被取消,那么第二个也应该被取消
				//如果第二个被选中,那么第一个也应该被选中
				$(":checkbox").eq(0).change(function(){
					if(!$(":checkbox").eq(0).is(":checked"))
					$(":checkbox").eq(1).prop("checked",false);
				})
				
				$(":checkbox").eq(1).change(function(){
					if($(":checkbox").eq(1).is(":checked"))
					$(":checkbox").eq(0).prop("checked",true);
				})
				
			})
		</script>
		<style type="text/css">
			.d1{
				font-weight:bolder;
				font-size:30px;
			}
		</style>
	</head>
	<body>
		<div class="d1">用户登录</div><br>
		<input type="checkbox"/>保存密码
		<input type="checkbox"/>自动登录
	</body>
</html>
